<script setup>

import TableComponent from "@/components/TableComponent.vue";
import { Search, Plus, Delete } from '@element-plus/icons-vue'
import {onMounted, ref} from "vue";
import StudentFormComponent from "@/components/form/StudentFormComponent.vue";
import request from "@/requests/request.js";

const title = ref([
  {
    name: "姓名",
    propName: "name",
  },
  {
    name: "学号",
    propName: "id",
  },
  {
    name: "性别",
    propName: "gender",
  },
  {
    name: "班级",
    propName: "className",
  },
  {
    name: "电话",
    propName: "phone",
  },
])
const data = ref([])

console.log(data.value)
const url = ref({
  deleteUrl: '',
  editUrl: '',
  searchUrl: '/student/get-search',
  showUrl: '/student/get-all-student',
  getCountUrl: '/student/get-student-count',
})

const formVisible = ref(false)
const handleDialogCancel = (visible) => {
  formVisible.value = visible
  console.log('cancel', visible)
}
</script>

<template>
  <div class="container">
    <div class="table-container">
      <TableComponent class="table" :title="title" :data="data" :url="url" form-type="Student"/>
    </div>
  </div>
</template>

<style scoped>
</style>
